<template>
  <div>
   <div class="rt-header a-c" :style="{'background':ischeckin?null:'#ffffff','color':!ischeckin?'#000000':'#ffffff'}">
     <div class="leftbutton v-c halfflex">
        <i class="yl-2back lefticon" @click="goback" :style="{'color':ischeckin?'#ffffff':'#9a9a9a'}"></i>
     </div>
      <span class="flex1 text-center">{{title}}</span>
      <div  class="halfflex v-c flex-end" @click="$emit('checkin-rule')" >
        <span class="yl-ji-dui " v-if="ruletext!=''"></span>
        <span class="exchange-record">{{ruletext}}</span>
      </div>
   </div>
  </div>
</template>
<script>


  export default{
    data(){
      return{
      }
    },
    components:{
     
    },
    mounted(){
    },
    props:{
      title: {
        type: String,
        default: ''
      },
      ruletext: {
        type: String,
        default: ''
      },
      ischeckin: {
        type: Boolean,
        default: false
      },
    },
    methods:{
      goback(){
        this.$router.go(-1);
      }
    }
  }
</script>
<style lang="less" scoped>

 .rt-header{
  //  background: #ffffff;
   height: 0.88rem;
   line-height: 0.88rem;
   position: fixed;
   top: 0;
   width: 100%;
   font-size: 0.36rem;
   color: black;
   .leftbutton{
     height: 100%;
    .lefticon{
      font-size: 0.47rem;
      color: #9a9a9a;
      padding-left: 0.2rem;
    }
   }
   .flex-end{
     justify-content: flex-end;
   }
 }
 .halfflex{
   flex: 0.5;
   font-size: 0.24rem;
   padding-right: 0.3rem;
   span{
     font-size: 0.32rem
   }
   .exchange-record{
     font-size: 0.32rem
   }
 }

</style>

